<%--
  Created by IntelliJ IDEA.
  User: 12079
  Date: 2020/11/24
  Time: 16:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!--设置mata标签-->
    <!--强制设置ie浏览器使用edge模式-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--缩放按照1:1缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="../../static/lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/dljm.css">
    <link rel="stylesheet" href="../../static/css/jsxuehua.css">
    <script src="../../static/lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../../static/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
    <script src="../../static/js/denglu.js"></script>
    <script src="../../static/js/jsxuehua.js"></script>
    <script src="../../static/js/jquery.js"></script>
    <script src="../../static/js/DATE_index.js"></script>
    <script src="../../static/js/three.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#uName').blur(function () {

                var uName=$('#uName').val();
                if(uName==''){
                    alert("用户名不能为空！！")
                }
            })
            $('#uPassword').blur(function () {
                var uPassword=$('#uPassword').val();
                if(uPassword==''){
                    alert("密码不能为空！！")
                }
            })


        })


    </script>
    <style>
        @keyframes hover-color {
            from {
                border-color: #c0c0c0; }
            to {
                border-color: #3e97eb; } }

        .magic-radio {
            position: absolute;
            display: none; }

        .magic-radio[disabled] {
            cursor: not-allowed; }

        .magic-radio + label {
            position: relative;
            display: block;
            padding-left: 20px;
            cursor: pointer;
            vertical-align: middle; }
        .magic-radio + label:hover:before {
            animation-duration: 0.4s;
            animation-fill-mode: both;
            animation-name: hover-color; }
        .magic-radio + label:before {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 15px;
            height: 15px;
            content: '';
            border: 1px solid #c0c0c0; }
        .magic-radio + label:after {
            position: absolute;
            display: none;
            content: ''; }

        .magic-radio[disabled] + label {
            cursor: not-allowed;
            color: #e4e4e4; }
        .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after {
            cursor: not-allowed; }
        .magic-radio[disabled] + label:hover:before {
            border: 1px solid #e4e4e4;
            animation-name: none; }
        .magic-radio[disabled] + label:before {
            border-color: #e4e4e4; }

        .magic-radio:checked + label:before {
            animation-name: none; }

        .magic-radio:checked + label:after {
            display: block; }

        .magic-radio + label:before {
            border-radius: 50%; }

        .magic-radio + label:after {
            top: 4px;
            left: 4px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #3e97eb; }

        .magic-radio:checked + label:before {
            border: 1px solid #3e97eb; }

        .magic-radio:checked[disabled] + label:before {
            border: 1px solid #c9e2f9; }

        .magic-radio:checked[disabled] + label:after {
            background: #c9e2f9; }

        #loggons{
            position: absolute;
            width: 200px;
            height: 100px;
            background-color: white;
            top:20px;
            left: 20px;
            z-index: 999;
        }
        #loggons>p{
            padding: 3px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row" >
        <form class="form-horizontal" role="form" action="/login">
        <img src="../../static/images/loginImages/icon.png" class="dljm_img col-lg-4 col-lg-offset-2">
        <div id="dljm_div" class="col-md-3 col-lg-offset-1">
            <p>&#xe611;</p>
            <p>萌宝幼儿园</p>
            <div>
                <div  style="float: right;margin-right: 102px" id="dljm_zh">
                    <label for="uPhone"></label>
                    <input id="uPhone" name="uPhone" placeholder="请输入你的账号">
                </div>
            </div>
            <div id="dljm_mm">
                <label for="uPassword"></label>
                <input id="uPassword"  name="uPassword" type="password" placeholder="请输入你的密码">
            </div>
            <br/>
            <div class="opt">
                <input class="magic-radio" type="radio" name="role" id="c1" value="1">
                <label style="display: inline;color:#3db8e4" for="c1">家长</label>
                <input class="magic-radio" type="radio" name="role" id="c2" value="2">
                <label style="display: inline;color:#3db8e4"  for="c2">老师</label>
                <input class="magic-radio" type="radio" name="role" id="c3" value="3">
                <label style="display: inline;color:#3db8e4"  for="c3">超级管理员</label>
                <input class="magic-radio" type="radio" name="role" id="c4" value="4">
                <label style="display: inline;color:#3db8e4"  for="c4">学校管理员</label>
            </div>
            <div class="logbin">
                <input type="checkbox"><span>下次自动登录</span>
                <p>找回密码?</p>
            </div>
            <button class="btn btn-default" type="submit" id="dljm_dl">登录</button>
            <div class="logbin_three">
                ${msg}
                ${msg2}
                ${ErrorCode}
            </div>
        </div>
        </form>
    </div>
</div>

<script>

    sessionStorage.setItem("grade_info",JSON.stringify(Grade));
    sessionStorage.setItem("duty_info",JSON.stringify(student));    //考勤管理
    sessionStorage.setItem("info",JSON.stringify(department));//将对象"序列化"为JSON数据(字符串格式)   //以字符串格式存储信息  吴政
    sessionStorage.setItem("teacher_info",JSON.stringify(teacher));//将对象"序列化"为JSON数据(字符串格式)   //以字符串格式存储信息 圆圆
</script>

</body>
</html>
